<template>
    <div class="mt-2">
        <el-pagination :current-page="currentPage" :page-size="pageSize" :small="true"
        :disabled="loading"  layout="prev, pager, next, jumper" :total="total"
        @size-change="handleSizeChange" @current-change="handleCurrentChange" />
    </div>
</template>

<script setup>
let props = defineProps({
  currentPage:{
    type:Number,
    default:1
  },
  pageSize:{
    type:Number,
    default:10
  },
  total:{
    type:Number,
    default:40
  },
  loading:{
    type:Boolean,
    default:false
  }
})
let emit = defineEmits(['updatepage'])
/* 分页器 */
const handleSizeChange = (val) => {
}
const handleCurrentChange = (val) => {
    emit('updatepage',val)
}
</script>

<style lang="css" scoped>

</style>